<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Avatar Rotate</title>
	<style type="text/css">
		img{
			border: #000 solid 0px;
			display: block;
			margin: 50px auto;
			border-radius: 50%;
			transition: all 500ms;
		}
		img:hover{
			transform: rotate(360deg);
		}
	</style>
</head>
<body>
	<img src="https://tomcat.apache.org/tomcat-8.0-doc/images/tomcat.png" />
</body>
</html>